html, body {
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

body {
  background: #0D72A6;
  position: relative;
}

* {
  outline: none !important;
  box-shadow: none;
}

textarea:focus,
button:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
  box-shadow: none !important;
}

.loading-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 300px;
  height: auto;
}

app-root {
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
}

app-home {
  min-height: 100%;
  padding: 1rem !important;
  display: flex !important;
  flex-direction: column !important;
}

app-home h2 {
  font-weight: normal;
}

#toast-container > div {
  opacity: 1;
}

app-root .profile-picture-sm {
  width: 26px;
  height: 26px;
  border: 1px solid #278CC0;
  border-radius: 999px;
  background: #fff;
}

app-root .btn-outline-warning {
  color: #000;
}

app-root .btn-primary {
  color: #fff !important;
  background: #0D72A6;
  border-color: #0D72A6;
}
app-root .btn-primary:hover, app-root .btn-primary:focus {
  color: #fff !important;
  background: #278CC0;
  border-color: #278CC0;
}

app-root .btn-outline-primary {
  color: #0D72A6 !important;
  background: #fff;
  border-color: #0D72A6;
}
app-root .btn-outline-primary:hover, app-root .btn-outline-primary:focus {
  color: #fff !important;
  background: #0D72A6;
}

a {
  color: #0D72A6 !important;
  text-decoration: none;
}
a:hover {
  color: #278CC0 !important;
  text-decoration: none !important;
}

.table thead th {
  border-bottom: 2px solid #C4C4C4 !important;
  font-size: 70%;
  text-transform: uppercase;
}